@charset "utf-8";

/* CSS Document */
/*==============File ResetCSS ================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, select, input, textarea, legend, caption, tbody, tfoot, thead, th { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; }
ol, ul, li { list-style: none outside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0 none; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
a img { border: medium none; outline: medium none; }
ol li { display: list-item; list-style: decimal outside none; }
body { background:#fff; color: #555555; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
a { color:#000; text-decoration: none; }
a:hover { color:#e38b01;}
input, select, textarea { background-color: #FFFFFF;font-family: Arial,Tahoma; font-size: 12px; margin: 0; padding: 2px; }
input[type="text"]:focus, textarea:focus {border: 1px solid #4D90FE;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}
input.checkbox, input.radio { background: none repeat scroll 0 0 transparent; border: medium none; margin: 0 2px 0 0; overflow: hidden; padding: 0; vertical-align: middle; width: 15px; }
.cr:before, .cr:after {display:table; content: "";}
.cr:after { clear: both; }
html[xmlns] .cr { display:block;}
/*======== default==============*/
body {font-family:Arial, Helvetica, sans-serif}
/*======== frame-top ========*/
.fr-top {width:100%;height:42px;background-image:url(../images/bg-top.jpg)}
.fr-top .fr-top-info {width:1000px;height:42px;margin:auto}
.fr-top .fr-top-info .info-flag a{float:left;width:26px;height:23px;margin-left:10px;margin-top:14px}
.fr-top .fr-top-info .info-ac {float:right;width:200px;}
.fr-top .fr-top-info .info-ac a{color:#242424;font-size:12px;line-height:42px}
/*======== frame-head =======*/
.fr-head {margin:auto;width:1000px;position:relative;z-index:8}
.fr-head .logo a{width:200px;height:80px;float:left}
.fr-head .mn-head {width:600px;float:right;}

.mainnav {clear: both;padding: 0; position: relative;width: 600px;}
.mainnav .nav {height:50px;}
.nav ul { float:left; line-height:18px;}
.listnav li { float:left; line-height:42px;}
.nav ul.listnav li.active a, .nav ul.listnav li:hover a { display:block; color:#29b3e3;font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:5 5 5 5;border-top:3px solid #29b3e3}
.nav ul.listnav li a { display:block; color:#000; font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:4px 20px 4px;text-transform:uppercase;font-weight:bold;border-top:3px solid #FFF}
ul.listnav  { position: relative; }
ul.listnav li {float: left; zoom: 1; text-align: center; width: 120px; }
ul.listnav li.hover { position: relative;}
ul.listnav ul {visibility: hidden; top: 100%; left: 0;position:absolute; z-index:99999; background:#e60000;border-radius:8px;padding:0px}
ul.listnav ul li {float: none; display:block; background:#29b3e3; line-height:32px !important;}
ul.listnav ul li:hover {display:block}
ul.listnav ul li a	{ color:#FFF !important;display:block;max-width:200px; min-width:150px;line-height:20px;border-bottom:#FFF 1px solid;border-radius:0px !important;padding:0px} 
ul.listnav ul li:last-child a { border:none}
ul.listnav ul li ul { top:0; left:228px;}
.submenu li{
	text-align: center;
	width: 160px;	
}
.fr-slide {width:100%;border-bottom:8px solid #29b3e3;clear:both;}
/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
/*.slider-wrapper{ position:relative;}*/
.nivoSlider {
	position:relative;
	width:100%;
	height:400px;
	overflow: hidden;
}
.btm_shadow{
	background-image: url(../images/btm_shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	width: 1263px;
	margin: auto;
}
.topshadow {
	background-image: url(../images/top_shadow.png);
	height: 26px;
	width: 1263px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 10;
	margin: auto;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;
	width:100%;z-index:8;padding: 5px 10px;opacity: 0.8;overflow: hidden;display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-directionNav{position:relative;top:-32px;left:0px;z-index:10;width:100%;margin:auto;height:40px;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background-color: #fff;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	height:auto !important;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
	background-image: url(../images/bullets.png);
	background-repeat: no-repeat;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	right:15px;
	top:0px;
	/*background-image: url(../images/btn_next.png);
	background-repeat: no-repeat;*/
}
.theme-default a.nivo-prevNav {
	left:1180px;
	top:0px;
	/*background-image: url(../images/btn_prev.png);
	background-repeat: no-repeat;*/
}
.fr-wapper {width:1000px;margin:auto}
.fr-gt {width:740px;height:170px;float:left;margin-top:10px}
.fr-gt h1 {width:740px;color:#333333;font-size:33px;font-weight:normal}
.fr-gt span {font-size:17px;color:#8d8d8d;text-align:justify}
.fr-gt .xt1 a{float:left;color:#333;font-size:13px;text-decoration:underline;font-weight:bold;margin-top:10px}
.fr-support {width:250px;height:170px;float:left;margin-left:10px;margin-top:10px}
.fr-support .name-hl {font-size:18px;color:#333333}
.fr-support .number-hl {font-size:16px;color:#333;width:250px;margin-top:5px}

.fr-sv {width:1000px;float:left}
.fr-sv .title-fr {background-image:url(../images/bg-title.jpg);height:29px;width:1000px;float:left;text-align:center}
.fr-sv .title-fr .text-title-fr {padding:0px 20px;color:#333333;background-color:#FFF;font-size:31px;width:200PX;margin-left:370px}
.fr-sv .pd-id {width:250px;height:270px;position:relative;overflow:hidden;float:left;margin-left:60px;margin-top:20px}
.fr-sv .pd-id img {width:250px;height:115px;overflow:hidden}
.fr-sv .pd-id .name-sv {width:250px;height:40px;overflow:hidden;line-height:30PX;margin-top:5px}
.fr-sv .pd-id .name-sv a{color:#000;font-size:18px;font-weight:bold}
.fr-sv .pd-id .info-sv {width:250px;height:100px;color:#1f6e82;font-size:17px}
.fr-sv .pd-id .btn-xt a {position:absolute;top:244px;left:188px;color:#252524;font-size:14px;text-decoration:underline;}
.fr-sv .pd-id .btn-xt a:hover {color:#29b3e3;}
.fr-dt {width:530px;float:left;margin-right:10px;margin-top:10px;margin-bottom:10px}
.fr-dt .title-dt {width:530px;text-align:center;color:#1d1d1d;font-size:24px;font-weight:bold}
.fr-news {width:460px;float:left;}
.fr-news .new1 {width:460px;height:145px;float:left}
.fr-news .new1 .title-new1 {text-align:center;color:#1d1d1d;font-size:24px;font-weight:bold;margin-bottom:10px}
.fr-news .new1 img {float:left;width:173px;height:109px;margin-right:10px}
.fr-news .new1 .info-new1 a{width:267px;height:33px;float:left;color:#1a3c66;font-weight:bold;font-size:14px;}
.fr-news .new1 .date-new1 {width:267px;height:20px;float:left;color:#8a8a8a}
.fr-news .new1 .content-new1 {width:267px;height:50px;float:left;color:#1d1d1d;font-size:13px}
.fr-news .new2 {width:460px;float:left;margin-top:5px}
.fr-news .new2 .info-new2 a{width:460px;float:left;color:#1a3c66;font-weight:bold;font-size:14px;}
.fr-news .new2 .date-new2 {width:460px;float:left;color:#8a8a8a}
.deldiv{clear:both}
.footer {width:100%;border-top:8px solid #29b3e3}
.footer .content-footer {width:1000px;margin:auto;}
ul.sv-footer {width:500px;float:left;height:80px;margin-top:10px}
ul.sv-footer li {float:left;width:210px;background-image:url(../images/icon-foot.jpg);background-repeat:no-repeat;padding-left:20px;margin-top:5px}
ul.sv-footer li a {color:#177697;font-size:16px}
ul.sv-footer li a:hover {color:#333}
.info-co {float:right;width:480px;margin-left:20px;color:#177697;text-align:right;font-size:13px;margin-top:10px}
.date-co {width:1000px;color:#666;text-align:center}
/*====    dt    ====*/
.logo-dt{height: 100px !important;width: 530px;background-color: #FFF;margin-top:10px}
.logo-dt ul li {float: left;margin-right: 10px;margin-left:10px}
.logo-dt ul li a img {height: 100px !important;width: 150px !important;border: 1px solid #CCC;}

.fr-border-detail{width:100%;height:8px;background-color:#29b3e3}
.fr-icon-sv {width:100px;position:fixed;}
.fr-icon-sv a {width:100px;height:80px;float:left;margin-bottom:1px}
/*===== Slider =====*/
.slider{float:left;overflow:hidden;margin-right:10px}
#fixslider{ margin-top:20px;margin-bottom:10px;}
.screen{position:relative;top:0;left:0;overflow:hidden; background:#000}
.wt-rotator .main-img { border: 0 none; display: none; left: 0; position: absolute; top: 0; z-index: 0; }
	.wt-rotator .preloader { background: url("assets/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0.7); border-radius: 2px 2px 2px 2px; display: none; height: 36px; left: 50%; margin-left: -18px; margin-top: -18px; position: absolute; top: 50%; width: 36px; z-index: 4; }
	.wt-rotator #timer { background-color: #FFFFFF; font-size: 0; height: 4px; left: 0; opacity: 0.5; position: absolute; visibility: hidden; z-index: 4; }
	.wt-rotator .desc { color: #000000; left: 0; overflow: hidden; position: absolute; text-align: left; top:auto !important; visibility: hidden; z-index: 6; width:100% !important; bottom:0;}
	.wt-rotator .inner-bg { background-color: #000000; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 1; bottom:0; }
	.wt-rotator .inner-text { padding: 10px; position: absolute; z-index: 2; font-size:16px; }
	.wt-rotator .c-panel { position: absolute; top: 0; visibility: hidden; z-index: 7; }
	.wt-rotator .outer-cp { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , #999999 0%, #333333 50%, #000000 51%, #111111 100%) repeat scroll 0 0 transparent; border-color: #000000 -moz-use-text-color; border-image: none; border-style: solid none; border-width: 1px medium; left: 0; position: absolute; width: 100%; }
	.wt-rotator .thumbnails, .wt-rotator .buttons { display: inline; float: left; overflow: hidden; position: relative; }
	.wt-rotator .thumbnails ul { list-style: none outside none; margin: 0; padding: 0; }
	.wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn { background-color: #000000; border: 1px solid #000000; color: #FFFFFF; cursor: pointer; display: inline; float: left; font-weight: bold; height: 24px; line-height: 24px; list-style: none outside none; margin-right: 4px; overflow: hidden; text-align: center; width: 24px; }
	.wt-rotator .thumbnails li.thumb-over { background-color: #CCCCCC; color: #FFFFFF; }
	.wt-rotator .thumbnails li.curr-thumb { background-color: #FFFFFF; color: #000000; cursor: default; }
	.wt-rotator .thumbnails li.image { background-color: #000000; }
		.wt-rotator .thumbnails li.image.curr-thumb, .wt-rotator .thumbnails li.image.thumb-over { border-color: #0066FF; }
		.wt-rotator .thumbnails li.image a, .wt-rotator .thumbnails li.image img { border: 0 none; display: block; }
		.wt-rotator .thumbnails li.image.curr-thumb img { cursor: default; opacity: 0.8; }
	.wt-rotator .thumbnails li * { display: none; }
	.wt-rotator .thumbnails li div { background-color: #000000; color: #FFFFFF; position: relative; }
	.wt-rotator .play-btn { background: url("play.png") no-repeat scroll center center #000000; }
	.wt-rotator .pause { background: url("pause.png") no-repeat scroll center center #000000; }
	.wt-rotator .prev-btn { background: url("prev.png") no-repeat scroll center center #000000; }
	.wt-rotator .next-btn { background: url("next.png") no-repeat scroll center center #000000; }
	.wt-rotator .button-over { background-color: #CCCCCC; }
#rotator-tooltip { display: none; left: 0; position: absolute; top: 0; z-index: 99999; }
	
	#rotator-tooltip .tt-txt { background-color: #000000; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 8px 0; max-width: 300px; padding: 4px; }
	#rotator-tooltip .tt-img { background-color: #000000; display: none; margin: 8px 0; padding: 2px; }
.wt-rotator .block, .wt-rotator .vpiece, .wt-rotator .hpiece { position: absolute; z-index: 2; }
.mod-rotation-des { height: 40px; left: 0; top: 180px; width: 388px; }
.sildermid, .sildermid .wt-rotator, .sildermid .screen { width:740px !important;}
/*==========detail 1===========*/
.fr-qc-dt1 {width:250px;height:145px;float:left;margin-bottom:5px}
.fr-qc-dt2 {width:250px;height:145px;float:left;margin-top:5px}
.fr-pd {width:1000px;float:left;margin-top:10px}
.fr-dt-pd {width:210px;height:250px;float:left;position:relative;margin-bottom:20px;margin-left:30px}
.fr-dt-pd img {width:210px;height:135px;overflow:hidden;}
.fr-dt-pd .title-pd a{color:#900;font-size:14px;font-weight:bold;height:30px;overflow:hidden;margin-top:5px;float:left;margin-bottom:5px;}
.fr-dt-pd .pd-content {width:210px;height:45px;overflow:hidden;color:#333;font-size:12px;float:left;text-align:justify}
.fr-dt-pd .pd-xt a{height:20px;font-size:13px;color:#177697;position:absolute;top:230px;left:160px}
.fr-dt-pd .pd-xt a:hover {text-decoration:underline;color:#900}
.fr-list-pd {width:740px;float:left;margin-right:10px}
.fr-list-qc {width:250px;float:left}
.bdr {width:740px;float:left}
.bdr ul.menupage {float:left;overflow:hidden; margin:0 10px;}
.bdr ul.menupage li { float:left; padding-right:10px; line-height:22px;}
.bdr ul.menupage li img { vertical-align:middle}
.bdr ul.menupage li a { color:#555; font-size:11px;}
.bdr ul.menupage li.current { font-weight:bold; font-size:12px;}
.bdr ul.menupage li a:hover { text-decoration:underline}
.bdr ul.app {float:right}
.bdr ul.app li {float:left;margin-left:5px}
.bdr ul.app li a {padding:0 10px;color:#FFF;background-color:#069;border-radius:3px}
.bdr ul.app li a:hover{background-color:#333}
.title-dt-2 {color:#039;width:740px;border-bottom:dotted #999999 1px;font-size:30px;font-weight:bold;text-align:center}
.fr-new-lq {width:740px;float:left}
.fr-new-lq .title-new-lq2 {font-size:20px;border-bottom:solid 4px #333;color:#000;font-weight:bold}
.new2 {width:740px;height:110px;float:left;margin-top:10px}
.new2 img {float:left;width:173px;height:109px;margin-right:10px}
.new2 .info-new2 a{width:530px;height:33px;float:left;color:#1a3c66;font-weight:bold;font-size:14px;}
.new2 .date-new2 {width:530px;height:20px;float:left;color:#8a8a8a}
.new2 .content-new2 {width:530px;height:50px;float:left;color:#1d1d1d;font-size:13px}